<!DOCTYPE html>
<html>
   <head>
      <title>浙江中兴剩余假期查询</title>
	  <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0 Access-Control-Allow-Origin,maximum-scale=1.0,user-scalable=no;">
	  <meta name="apple-mobile-web-app-capable" content="yes">
      <meta name="apple-mobile-web-app-status-bar-style" content="black">
      <meta name="format-detection" content="telephone=no">
      <!-- 引入 Bootstrap -->
      <!--<link href="<?=base_url('html/bootstrap_v3/css/bootstrap.css')?>" rel="stylesheet">-->
      <link href="<?=  base_url('/html/bootstrap_v3/css/bootstrap.css')?>" rel="stylesheet">
      <link href="<?=base_url('html/bootstrap_v3/datepicker/css/bootstrap-datetimepicker.min.css')?>" rel="stylesheet">
      <script src="<?=base_url('html/js/jquery-1.8.3.min.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/js/bootstrap.min.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/datepicker/js/bootstrap-datetimepicker.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/datepicker/js/locales/bootstrap-datetimepicker.zh-CN.js')?>"></script>
      <style>
		img{margin-bottom:20px;}
	  </style>
      <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
	  <script>
		document.ready(function(){
			$(".classname img").addClass("carousel-inner img-responsive img-rounded");
		})
	  </script>
      <style type="text/css">
          body{background-color: ghostwhite;}
		  table{background-color: white;}
		  legend{background-color: white;}
          .showimg{background: url("../html/image/Holiday01.png") center repeat;height:10em; margin-bottom:20px;}
      </style>
	  
   </head>
   <body>
        <fieldset>
		<div class="height:0.2em"></div>
		<!--
          <legend class="text-center" style="font-weight:bold;font-size:2em;">
            剩余假期信息
          </legend>
		  -->
			<div class="showimg"></div>
            <table class="table table-hover" style="font-weight:bold;font-size:1.3em;">
                <!--
                <caption>条纹表格布局</caption>
                <thead>
                   <tr>
                      <th>名称</th>
                      <th>城市</th>
                      <th>密码</th>
                   </tr>
                </thead>
                -->
                
				<!--<img alt="" src="../html/image/Holiday01.png" class="img-rounded" />-->
				
                <tbody>
                   <tr>
                       <td><Strong>姓名</strong></td>
                      <td><?=$username?></td>
                   </tr>
                   <tr>
                      <td><Strong>工号</strong></td>
                      <td><?=$userno?></td>
                   </tr>
				   <tr>
                      <td><Strong>假期年度</strong></td>
                      <td><?=date("Y")?> 年度</td>
                   </tr>
                   <tr>
                      <td><Strong>可用调休</strong></td>
                      <td><?=$tiaoxiu?> (天)</td>
                   </tr>
                   <tr>
                      <td><Strong>可用年假</strong></td>
                      <td><?=$nianjia?> (天)</td>
                   </tr>
                </tbody>
            </table>
    </fieldset>
   </body>
</html>